



          <center>  <h2>Registro del Tipo Productos</h2></center>

            <div class="form">
                <form class="niceform" id="tipo_producto_form">

                    <fieldset>
                        <dl>
                            <dt><label for="txt_codigo">Codigo:</label></dt>
                            <dd><input title=" codigo" type="text" name="codigo"  id="txt_codigo" pattern="[0-9a-zA-Z]" size="54" class="required CharacterNumbersOnly"/></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_nombre">Nombre</label></dt>
                           <!-- <dd><input title="es impotante" type="text" name="nombre" id="txt_nombre" pattern="[a-zA-Z]" size="54" class="required ChartersOnly" /></dd>-->
                            <dd><input title="es impotante" type="text" name="nombre" id="txt_nombre" pattern=" size="54" class="required " /></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_capacidad">Capacidad</label></dt>
                            <!--<dd><input title="solo numero" type="text" name="capacidad" id="txt_capacidad" pattern="[0-9]*" size="54" class="required NumbersOnly" /></dd>-->
                            <dd><input title="solo numero" type="text" name="capacidad" id="txt_capacidad"  size="54" class="required " /></dd>
                        </dl>
                        <dl>
                            <dt><label for="txt_tamano">Tamaño</label></dt>
                            <dd><input title="es requerido " type="text" name="tamano" id="txt_tamano" size="54" class="required" /></dd>
                        </dl>

                        <dl>
                            <dt><label for="txt_descripcion">Descripcion</label></dt>
                            <dd><input title=" se requerido" type="text" name="descripcion" id="txt_descripcion" size="54" class="required" /></dd>
                        </dl>


                        <dl class="submit">
                            <input type="submit" name="guardar" id="guardar" value="Guardar" />
                            <input type="submit" name="modificar" id="modificar" value="Modificar" />

                            <input type="submit" name="eliminar" id="eliminar" value="Eliminar" />
                        </dl>
                        <dl class="submit">
                            <button type="button" onclick="buscar(); return false;">Buscar</button>
                            <input type="reset" value="Cancelar"/>
                        </dl>



                    </fieldset>

                </form>
            </div>


        </div><!-- end of right content-->


    </div>   <!--end of center content -->









<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>

<script>
    function buscar()
    {
        var id= $('#txt_codigo').val();
        var dataString = 'id='+id;
        $.ajax({
                    url:"tipo_producto/busqueda_ajax",
                    type: "post",
                    data: dataString,
                    success: function(data){
                        var cliente = $.parseJSON(data);
                        $("#txt_nombre"). val(cliente[0].nombre);
                        $("#txt_capacidad"). val(cliente[0].capacidad);
                        $("#txt_tamano"). val(cliente[0].tamano);
                        $("#txt_descripcion"). val(cliente[0].descripcion);
                        //$("#txt_telefono"). val(cliente[0].telefono);
                       // $("#txt_email"). val(cliente[0].email);
                        //$("#txt_ciudad"). val(cliente[0].ciudad);

                    },
                    error:function(){
                        alert("failure");
                    }
                }

        );

    }

    $(document).ready(function () {
        /* Funcion para validar numeros*/
        $.validator.addMethod("NumbersOnly", function(value, element) {
            return this.optional(element) || /^[0-9]+$/i.test(value);
        }, "Use solo numeros");
""
        /* Funcion para validar numeros y letras*/
       /* $.validator.addMethod("CharacterNumbersOnly", function(value, element) {
            return this.optional(element) || /^[0-9a-zA-Z]+$/i.test(value);
        }, "Use solo numeros");*/

        /* Funcion para validar solo letras*/
      /*  $.validator.addMethod("ChartersOnly", function(value, element) {
            return this.optional(element) || /^[a-zA-Z]+$/i.test(value);
        }, "Use solo letras");*/



        $("#tipo_producto_form").validate();//validacion form
        $('#guardar').click(function (e) {

            e.preventDefault();
            if($('#tipo_producto_form').valid());// validacion botton
            {
            $.post('tipo_producto/guardar',$( "#tipo_producto_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
                return false;
            }
        });

        $('#modificar').click(function () {
            $.post('tipo_producto/modificar',$( "#tipo_producto_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
            return false;
        });

        $('#eliminar').click(function () {
            $.post('tipo_producto/eliminar',$( "#tipo_producto_form" ).serialize(),function(data){
                $( ".right_content" ).empty();
                $( ".right_content" ).append( data );
            });
            return false;
        });
    });

</script>